<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>知乎 - 与世界分享你的知识、经验和见解</title>
    <style media="screen">
      .wrapper{
        margin: 0 auto;
        text-align: center;
      }
      .header{
        top: 100px;
      }
      .header-content{
        color: #555;
      }
      .main{

      }
      .zod{
        word-spacing: 25px;
        font-size: 18px;

      }
      .zod a{
        color:rgb(15, 163, 235)
      }
      .1{
        color: #aebdc9;
      }
      .zero{

      }
      .first{
        margin-top: -2px;
      }
      .second{
        margin-top: -2px;
      }
      .third{
        margin-top: -2px;
      }
      .forth{
        position:relative;
        margin-top: 30px;
        color: white;
        background-color: rgb(15, 136, 235);
        border: rgb(15, 163, 235);
      }
      .fifth{
        position:relative;
        margin-top: -2000px; /*problem*/
        color: rgb(15, 163, 235);
        background-color: rgb(255, 255, 255);
        border-color: rgb(15, 163, 235);
      }
      .form input{
        width: 298px;
        height: 47px;
      }
      .more{
		    position:relative;
        margin-top: 80px;
        font-size: 12.5px;
		    bottom: 60px;
        color: #aebdc9;
      }
      .more a{
        color: #698ebf;
      }
      .footer{
        position: relative;
        bottom: -110px;
        font-size: 8px;
        margin: 0 auto;
        text-align: center;
        color: #aebdc9;
      }
      .footer a{
        color: #aebdc9;
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div class="header">
        <img src="zhihu.png" alt="" />
        <p class="header-content">
          与世界分享你的知识、经验和见解
        </p>
      </div>
      <div class="main">
        <div class="zod">
          <a href="#"><b>注册</a>
          <a href="#"><b>登陆</a>
        </div>
        <div class="main-center">
          <form class="form" action="index.html" method="post">
            <span class="1">
              <input class="zero" type="text" name="" placeholder="姓名"> <br>
              <input class="first" type="text" name="" placeholder="手机号（仅限中国大陆)" > <br>
              <input class="second" type="text" name="" placeholder="密码（不少于六位）"> <br>
              <input class="third" type="text" name="" placeholder="验证码"> <br>
              <input class="forth" type="button" name="name" value="注册知乎"> <br>
              <div class="more">
                点击「注册」按钮，即代表你同意
                <a href="https://www.zhihu.com/terms">《知乎协议》</a>
              </div> <br>
              <input class="fifth" type="button" name="name" value="下载知乎app">
              <br>
            </span>
          </form>
        </div>
      </div>
      <div class="footer">
        © 2016 知乎
        <a href="http://www.zhihu.com/roundtable">知乎圆桌</a>
        <a href="http://www.zhihu.com/explore">发现</a>
        <a href="http://www.zhihu.com/app">移动应用</a>
        <a href="http://www.zhihu.com/org/signin">试用机构账号登录</a>
        <a href="http://www.zhihu.com/contact">联系我们</a>
        <a href="http://www.zhihu.com/careers">来知乎工作</a>
        <a href="http://www.miibeian.gov.cn/">京 ICP 备 13052560 号</a>
        京公网安备 110108020
      </div>
    </div>
  </body>
</html>
